<template>
	
	<header>
		<div class="logo"></div>
		比赛 
		<more></more>
	</header>
	
</template>

<script>
	
	import More from './more';
	export default {
		components: {
			More
		}
	}
</script>

<style scoped>
	header{
		
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 1.2rem;
		background: #002f50;
		color: #fff;
		font-size: .5rem;
		line-height: 1.2rem;
		text-align: center;
	
	}
	.logo{
		font-size: .5rem;
		width: 0.8rem;
		height: 1.2rem;
		color: #fff;
		position: absolute;
		left: 0.5rem;
		background: url(../img/logo.png) no-repeat;
		background-size: 70%;
	}
	
</style>